<template>
  <div class="app-container" alient:center>
    <van-grid :column-num="3">
      <van-grid-item
        v-for="item in tableData"
        :key="item.path"
        :icon="item.meta.icon"
        :text="item.meta.title"
        @click="handleSelectionChange(item)"
      />
    </van-grid>


  </div>
</template>


<script>
export default {
  data() {
    return {
      tableData: [
        {
          path: "/station/apply",
          meta: { title: "申请成为自提点", icon: "fire-o" }
        },
        {
          path: "/station/order",
          meta: { title: "自提点订单", icon: "fire-o" }
        }
      ]
    };
  },
  methods: {
    handleSelectionChange(val) {
      this.$router.push({ path: val.path });
    },
   
  }
};
</script>

<style scoped>
.item {
  padding: 10px, 10px, 10px, 10px;
  background-color: beige;
  width: 30%;
  height: 60px;
}
</style>
